<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>账单明细</title>
		<link rel="stylesheet" href="./../public/css/common.css">
		<link rel="stylesheet" href="./../public/css/pintuer.css">
		<link rel="stylesheet" href="./css/printer-manage.css">
	</head>
	<body ms-controller="printerManage">
		<div class="content">
			<div>
				<div class="account_section ">
					<div class="line-big border section_common">
						<div class="x12">
							<div class="line-big bg-sub box-header">
								<div class="x8 title">
									设备信息
								</div>
								<div class="x4 text-right">
									<a href="javascript:;"></a>
								</div>
							</div>

							<div class="line-big upload_detail mt20">
								<div class="x12 text-left">

									<a><button class="button bg-green" type="button" ms-click="@addPrintOption"><span class="icon-plus"></span> 新增设备</button></a>


								</div>
							</div>
							<!--  -->
							<div class="line-big bill_info" :class="@datashow? 'showblock':'hide'">
								<div class="x12">

									<div class="line-big ">
										<div class="x12">
											<div class="table-responsive">
												<table class="table">
													<tr>
														<th>
															ID

														</th>
														<th>
															终端号
														</th>
														<th>密钥</th>
														<th>备注</th>
														<th>操作</th>


													</tr>
													<tr ms-for="item in list">
														<td>
															{{item.id}}
														</td>
														<td>
															{{item.devices_number}}

														</td>
														<td>
															{{item.devices_secret_key}}

														</td>

														<td>
															{{item.remark?item.remark:'--'}}

														</td>

														<td>
															<button class="button bg-green table_btn" ms-on-click="@printClick(item.id)">测试打印</button>
															<button class="button border-red table_btn ml10" ms-on-click="@deleteClick(item.id,item.devices_number)">删除</button>
														</td>

													</tr>

												</table>
											</div>
											<div class="tongji">共计:{{@total}}条</div>
											<!-- <div class="page">
												<a class="pagePre" ms-class="@pageisshow ?'':'hide' " ms-on-click="pagepre">
													<<</a> <a ms-for="el in @totalpage" ms-class="[(@totalpage.length==1?'hide':''),(@page==el?'active':'')]"
													 ms-on-click="@pageto(el)">
														{{el}}
												</a>
												<a class="pageNext" ms-class="@pageisshow ?'':'hide' " ms-on-click="pagenext">>></a>
											</div> -->
											<div class="page">
												<a class="pagePre " ms-class="@pageisshow ?'showblock':'hide' " ms-on-click="pagepre"><span>《</span></a> 
												<a ms-for="el in @totalpage" ms-class="[(@totalpage.length==1?'hide':''),(@page==el?'active':'')]"
													ms-on-click="@pageto(el)">
														{{el}}
												</a>
												<a class="pageNext " ms-class="@pageisshow ?'showblock':'hide' " ms-on-click="pagenext"><span>》</span></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>



				</div>
			</div>
		</div>
		<!-- 新增设备弹框 -->
		<div class="mask" :class='@toggle? "openmask":""'></div>

		<div class="dialog" :class='@toggle? "open":""'>
			<div class="dialog-head">
				<strong>打印</strong>
			</div>
			<div class="dialog-body">
				<form>
					<div class="line-big am-form-group">
						<div class="x3 text-left" >
							打印内容
						</div>

						<div class="x9 am-form-right" >
							<textarea  maxlength="50" ms-duplex="@printContent"></textarea>

						</div>
					</div>


				</form>
			</div>
			<div class="dialog-foot mt20">

				<button class="button button-small bg-blue" ms-click="sureClick()">
					<img class="loadimg" :class="showLoad ? '' : 'hide'"  
src="./../public/images/load3.gif" />确认</button>
				<button class="button button-small ml10" ms-click="closeClick()">
					关闭</button>
			</div>
		</div>


	</body>
	<!-- api 接口配置文档 -->
	<script src="./../api/api.js"></script>
	<!-- jquery -->
	<script src="./../public/js/jquery.js"></script>
	<!-- 拼图 js -->
	<script src="./../public/js/pintuer.js"></script>
	<!-- avalon js -->
	<script src="./../public/js/avalon.js"></script>
	<!-- common js -->
	<script src="./../public/js/common.js"></script>
	<!-- 账单明细js-->
	<script src="./js/printer-manage.js"></script>


</html>
